<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Motivational Quote Wall</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <header>
    <h1>🌟 Motivational Quote Wall</h1>
    <p>A collection of quotes for <span class="highlight">Work</span>, <span class="highlight">Study</span>, <span class="highlight">Focus</span>, and <span class="highlight">Break Time</span></p>
  </header>

  <main>
    <!-- Work Section -->
    <section id="work">
      <h2>💼 Work</h2>
      <div class="quote-card">
        <p>"Choose a job you love, and you will never have to work a day in your life."</p>
        <span>- Confucius</span>
      </div>
      <div class="quote-card">
        <p>"Don’t watch the clock; do what it does. Keep going."</p>
        <span>- Sam Levenson</span>
      </div>
    </section>

    <!-- Study Section -->
    <section id="study">
      <h2>📚 Study</h2>
      <div class="quote-card">
        <p>"An investment in knowledge pays the best interest."</p>
        <span>- Benjamin Franklin</span>
      </div>
      <div class="quote-card">
        <p>"The beautiful thing about learning is that no one can take it away from you."</p>
        <span>- B.B. King</span>
      </div>
    </section>

    <!-- Focus Section -->
    <section id="focus">
      <h2>🎯 Focus</h2>
      <div class="quote-card">
        <p>"Starve your distractions, feed your focus."</p>
        <span>- Unknown</span>
      </div>
      <div class="quote-card">
        <p>"It’s not that I’m so smart, it’s just that I stay with problems longer."</p>
        <span>- Albert Einstein</span>
      </div>
    </section>

    <!-- Break Time Section -->
    <section id="break">
      <h2>☕ Break Time</h2>
      <div class="quote-card">
        <p>"Almost everything will work again if you unplug it for a few minutes… including you."</p>
        <span>- Anne Lamott</span>
      </div>
      <div class="quote-card">
        <p>"Take rest; a field that has rested gives a bountiful crop."</p>
        <span>- Ovid</span>
      </div>
    </section>
  </main>
</body>
</html>
